<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no,initial-scale=1">
    <title>City Clinic</title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body tabindex="1">
    <div class="carousel">
        <ul>
            <li style="background-image: url(images/temp/Untitled-1.jpg)"></li>
        </ul>
    </div>
    <div class="wrapper">
        <header>
            <section class="top">
                <div class="layout">
                    <h1 class="logo">
                        <a href="#">City Clinic</a>
                    </h1>
                    <div class="short_cuts">
                        <ul class="location">
                            <li>
                                <a href="#">
                                    <i class="icon_pin"></i>
                                    <span>Сity Сlinic Варна</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="language_selector">
                            <li>
                                <a class="active" href="#">Bg</a>
                            </li>
                            <li>
                                <a href="#">En</a>
                            </li>
                            <li>
                                <a href="#">Ru</a>
                            </li>
                        </ul>
                        <ul class="socials">
                            <li>
                                <a class="icon_yt" href="#">YouTube</a>
                            </li>
                            <li>
                                <a class="icon_fb" href="#">Facebook</a>
                            </li>
                        </ul>
                        <form class="search_box">
                            <button><i class="icon_search"></i></button>
                            <input type="search" />
                        </form>
                    </div>
                </div>
            </section>
            <section class="bottom">
                <nav id="menu">
                    <div class="menu_button_holder">
                        <a href="#menu" class="menu_button">
                            <i class="icon_menu"></i>
                        </a>
                    </div>
                    <ul class="level_0">
                        <li>
                            <a href="/" class="active">
                                <span>Начало</span>
                            </a>
                        </li>
                        <li class="has_child">
                            <a href="/">
                                <span>За нас</span>
                            </a>
                            <ul class="level_1">
                                <li>
                                    <a href="/"><span>Мисия, визия и цели</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Управление</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>История</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Структура</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Кариери</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>За специалисти</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Новини</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Обучения и събития</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Партньори</span></a>
                                </li>
                                <li class="has_child">
                                    <a href="/"><span>Галерия</span></a>
                                    <div class="level_2">
                                        <ul>
                                            <li>
                                                <a href="/"><span>Снимки</span></a>
                                            </li>
                                            <li>
                                                <a href="/"><span>Нашите пациенти</span></a>
                                            </li>
                                            <li>
                                                <a href="/"><span>Видео тур</span></a>
                                            </li>
                                            <li>
                                                <a href="/"><span>Видео тур 2</span></a>
                                            </li>
                                            <li>
                                                <a href="/"><span>Видео тур 3</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="/">
                                <small>Дкц</small>
                                <span>Диагностично-консултативен център</span>
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                <span>Отделения</span>
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                <span>Лекари</span>
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                <span>Заболявания и лечения</span>
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                <span>Информация за пациента</span>
                            </a>
                        </li>
                    </ul>
                </nav>
                <div class="short_cuts">
                    <ul class="tabs">
                        <li data-tab="location">
                            <a href="#shortcut_location" class="icon_pin_blue"></a>
                        </li>
                        <li data-tab="phone">
                            <a href="#shortcut_phone" class="icon_phone"></a>
                        </li>
                        <li data-tab="search">
                            <a href="#shortcut_search" class="icon_search"></a>
                        </li>

                        <li data-tab="lang">
                            <a href="#shortcut_lang" class="icon_lang active">bg</a>
                        </li>
                    </ul>
                    <ul class="tab_content">
                        <li id="shortcut_location">
                            <a href="#">
                                <i class="icon_pin_blue"></i>
                                <span>Към City Clinic Варна</span>
                            </a>
                        </li>
                        <li id="shortcut_phone">
                            <ul>
                                <li>
                                    <a href="tel:070013127">
                                        <i class="icon_phone_red"></i>
                                        <span>070013127</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="tel:070013112">
                                        <i class="icon_plus_red"></i>
                                        <span>070013112</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li id="shortcut_search">
                            <form class="search_box">
                                <button><i class="icon_search"></i></button>
                                <input type="search" />
                            </form>
                        </li>
                        <li id="shortcut_lang">
                            <ul>
                                <li>
                                    <a href="#" class="icon_lang">en</a>
                                </li>
                                <li>
                                    <a href="#" class="icon_lang">ru</a>
                                </li>
                                <li>
                                    <a href="#" class="icon_lang active">bg</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </section>
        </header>
        <section class="content">
            <div class="layout stage">
                <div class="controls">
                    <a href="#" class="result_button">
                        <i class="icon_results"></i><span>Проверка на лабораторни резултати</span>
                    </a>
                    <a href="tel:070013127" class="phone_button">
                        <div class="content">
                            <i class="icon_phone"></i>
                            <div class="info">
                                <span>0700 13 127</span>
                                <small>Информация  и записване на час</small>
                            </div>
                        </div>
                    </a>
                    <a href="tel:070013112" class="plus_button">
                        <div class="content">
                            <i class="icon_plus"></i>
                            <div class="info">
                                <span>0700 13 112</span>
                                <small>Сърдечно-съдова СПЕШНА ПОМОЩ</small>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="layout fixed">
                <div class="col_33">
                    <div class="panel">
                        <div class="panel_title info has_more">
                            <a href="#" data-more="всички +">Новини</a>
                        </div>
                        <div class="panel_content news_flexslider">
                            <ul class="flexslider_slides">
                                <li>
                                    <ul class="news_list">
                                        <li>
                                            <a href="/" class="thumb" style="background-image: url(images/temp/thumb-1.jpg)"></a>
                                            <a href="/" class="info">
                                                <p>Кардиолозите в Сити Клиник извършиха сложна процедура за да спасят жена с напълно запушeни артерии на краката.</p>
                                                <span>30.07.2013г.</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/" class="thumb" style="background-image: url(images/temp/thumb-2.jpg)"></a>
                                            <a href="/" class="info">
                                                <p>Сити Клиник отбелязва Световния ден на сърдечната недостатъчност с безплатни кардиологични прегледи</p>
                                                <span>10.07.2013г.</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="news_list">
                                        <li>
                                            <a href="/" class="thumb" style="background-image: url(images/temp/thumb-1.jpg)"></a>
                                            <a href="/" class="info">
                                                <p>Кардиолозите в Сити Клиник извършиха сложна процедура за да спасят жена с напълно запушeни артерии на краката.</p>
                                                <span>30.07.2013г.</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="/" class="thumb" style="background-image: url(images/temp/thumb-2.jpg)"></a>
                                            <a href="/" class="info">
                                                <p>Сити Клиник отбелязва Световния ден на сърдечната недостатъчност с безплатни кардиологични прегледи</p>
                                                <span>10.07.2013г.</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel quiz">
                        <div class="panel_content">
                            <h3>Анкета</h3>
                            <p>Kak разбрахте за Сити Клиник?</p>
                            <ul>
                                <li>
                                    <label>
                                        <input type="radio" />
                                        <span>От личния лекар</span>
                                    </label>
                                </li>
                                <li>
                                    <label>
                                        <input type="radio" />
                                        <span>От медиите</span>
                                    </label>
                                </li>
                                <li>
                                    <label>
                                        <input type="radio" />
                                        <span>От специалист</span>
                                    </label>
                                </li>
                                <li>
                                    <label>
                                        <input type="radio" />
                                        <span>От интернет</span>
                                    </label>
                                </li>
                                <li>
                                    <label>
                                        <input type="radio" />
                                        <span>Приятел</span>
                                    </label>
                                </li>
                                <li>
                                    <label>
                                        <input type="radio" />
                                        <span>Другаде</span>
                                    </label>
                                </li>
                            </ul>
                            <div class="actions">
                                <button class="submit" >Гласувай</button>
                                <a class="results" href="#">Резултат</a>
                            </div>
                        </div>
                    </div>
                    <div class="panel hide_gt_1000 show_lt_1000 hide_lt_640 map">
                        <a href="#" class="map_image" style="background-image: url(images/map_image_noborder.png)"></a>
                    </div>
                </div>
                <div class="col_33">
                    <div class="panel about">
                        <div class="panel_title primary">
                            <a href="#" data-more="всички +">За Нас</a>
                        </div>
                        <div class="panel_content">
                            <h1>СИТИ КЛИНИК Е МНОГОПРОФИЛНА И МОДЕРНА БОЛНИЦА.</h1>
                            <p>Специализирана в най-авангардните методи за диагностика и ендоваскуларно лечение на сърдечно-съдови заболявания. Медицинската апаратура последна дума на техниката, съчетана с уменията и опита на нашите специалисти гарантира най-високо качество на медицинските услуги, а подходът към нашите пациенти доизгражда образът ни на „Болница от Бъдещето”.</p>
                        </div>
                    </div>
                </div>
                <div class="col_33">
                    <div class="panel video_panel">
                        <div class="panel_title default">
                            <a href="#">Видео</a>
                        </div>
                        <div class="panel_content">
                            <a class="video_thumb" style="background-image: url(images/temp/video-1.jpg)" href="/" ></a>
                        </div>
                    </div>
                    <div class="panel show_gt_1000 show_lt_640 hide_lt_480 map">
                        <a href="#" class="map_image" style="background-image: url(images/map_image.png)"></a>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="layout">
                <ul class="nav">
                    <li>
                        <a href="/">Новини</a>
                    </li>
                    <li>
                        <a href="/">Галерия</a>
                    </li>
                    <li>
                        <a href="/">Калкулатори</a>
                    </li>
                    <li>
                        <a href="/">Контакти</a>
                    </li>
                    <li>
                        <a href="/">За специалисти</a>
                    </li>
                </ul>
                <div class="left_side">
                    Copyright © 2013 City Clinic
                </div>
                <div class="right_side">
                    <a href="#" class="logo_mag"></a>
                </div>
                <ul class="socials">
                    <li>
                        <a class="icon_yt" href="#"></a>
                    </li>
                    <li>
                        <a class="icon_fb" href="#"></a>
                    </li>
                </ul>
            </div>
        </footer>
    </div>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/init.js"></script>
</body>
</html>